{% extends 'Web/layout_main.html.twig' %}

{% block myCss %}
{% endblock %}


{% block adBanner %}
    {#banner_ad_2#}
    <div class="mart20 marb20 bdso">
        <img class="w100" src="/web/img/banner_ad_1.jpg" alt="banner_ad_1">
    </div>
{% endblock %}

{% block main %}
    <div class="bc13 lh2 mart20">
        <ul class="breadcrumb">
            <li><a href="javascript:history.go(-1);" class="c12"><span class="fa fa-angle-left"></span> 返回</a></li>
            <li><a href="/">首页</a></li>
            <li><a href="{{ path("articleCatList",{id:data.parentCat.id}) }}">{{ data.parentCat.name }}</a></li>
            <li class="active">{{ data.curCat }}</li>
            {#<span class="pull-right"><a href="javascript:history.go(-1);" class="c12"><span class="fa fa-angle-left"></span> 返回</a></span>#}
        </ul>
    </div>

    <div class="row mart10">
        <div class="col-md-8 col-sm-12 col-xs-12">
            {#详情 start#}
            <div class="bc1 c13 tac pad10">{{ art.title }}</div>
            <div class="flrc tac lh2 pad10">
                <div class="flex1">{{ art.addtime |date("Y-m-d H:i") }}</div>
                <div class="flex2">来源：<a href="">{{ art.src }}</a></div>
            </div>
            <div>
                {{ art.content | raw }}
            </div>
            {#{{ dump(art) }}#}
            {% if art.files %}
                <div class="padl20 lh2">
                    <div>附件：</div>
                    {#<div>#}
                        {#<a href="">#}
                            {#<span class="fa fa-paperclip"></span>#}
                            {#<span class="padl10">体检许志</span>#}
                        {#</a>#}
                    {#</div>#}
                    {% for item in art.files %}
                        <div><a href="{{ item.file }}" target="_blank"><span class="fa fa-paperclip"></span><span class="padl10">{{ item.name }}</span></a></div>
                    {% endfor %}

                </div>
            {% endif %}
        </div>
        <div class="col-md-4 col-sm-12 col-xs-12">
            {#<div class="input-group mart5">#}
                {#<input name="keywords" value="{{ keywords }}" type="text" class="form-control" placeholder="请输入关键">#}
                {#<span class="input-group-btn">#}
                        {#<button class="btn btn-default search" type="submit">#}
                            {#<span class="fa fa-search"></span>#}
                        {#</button>#}
                    {#</span>#}
            {#</div><!-- /input-group -->#}
            <div class="padb2">
                <div class="bc1 c13 flrc pad5 flrc fs18 ">
                    <div class="flex1 padl10">相关推荐</div>
                    {#<div class="fs12">#}
                    {#<span class="padr5">查看更多</span>#}
                    {#<span class="fa fa-angle-double-right"></span>#}
                    {#</div>#}
                </div>
                <div class="pad10 bdso">
                    {#{% for item in 1..5 %}#}
                    {#<div class="pad5 bdbdo ofe">#}
                    {#2019年云南公务员考试文山州检查系统资格复审及后续相关事项通告#}
                    {#</div>#}
                    {#{% endfor %}#}
                    {{  render(path("ArtListRelate",{category:data.curId,page:0,limit:5,province:province,tpl:'list_side'})) }}
                </div>
            </div>
            <div class="mart20">
                <div class="bc1 c13 flrc pad5 flrc fs18 ">
                    <div class="flex1 padl10">点击排行</div>
                    {#<div class="fs12">#}
                    {#<span class="padr5">查看更多</span>#}
                    {#<span class="fa fa-angle-double-right"></span>#}
                    {#</div>#}
                </div>
                <div class="pad10 bdso ">
                    {{  render(path("ArtListRelate",{category:data.curId,page:0,limit:5,province:province,tpl:'list_side_hot'})) }}
                    {#{% for index,item in 1..5 %}#}
                    {#<div class="pad5 bdbdo ofe flrc">#}
                    {#{% if index <3 %}#}
                    {#<div class="jb01 round flcc c13 fwb op{{ 10 - index*3 }} marr5"#}
                    {#style="width: 21px;height: 21px;">0{{ index + 1 }}</div>#}
                    {#{% endif %}#}
                    {#<div class="flex1 ofe">2019年云南公务员考试文山州检查系统资格复审及后续相关事项通告</div>#}
                    {#</div>#}
                    {#{% endfor %}#}
                </div>
            </div>
            <div class="mart20">
                <div class="bc1 c13 flrc pad5 flrc fs18 ">
                    <div class="flex1 padl10">最新问题</div>
                </div>
                <div class="pad10 bdso ">
                    {{  render(path("Questions",{isTop:0,page:0,limit:5,tpl:'list_side_question'})) }}
                </div>
            </div>
            <div class="mart20">
                <div class="bc1 c13 flrc pad5 flrc fs18 ">
                    <div class="flex1 padl10">线上报名</div>
                </div>
                <div class="pad10 bdso ">
                    {{  render(path("ActivityForm",{tpl:'side_form'})) }}
                </div>
            </div>
        </div>
        {#<div class="col-md-4 col-xs-12 col-sm-12">#}
            {#<div class="row padb10">#}
                {#<div class="col-md-12">#}
                    {#<div class="input-group">#}
                        {#<input type="text" class="form-control" placeholder="请输入关键">#}
                        {#<span class="input-group-btn">#}
                        {#<button class="btn btn-default" type="button">#}
                            {#<span class="fa fa-search"></span>#}
                        {#</button>#}
                    {#</span>#}
                    {#</div><!-- /input-group -->#}
                {#</div>#}
                {#<div class="col-md-4">&nbsp;</div>#}
            {#</div>#}
            {#线上小测试 start#}
            {#<div>#}
                {#<div class="bc1 c13 fs18 flrc pad5">#}
                    {#<div class="flex1 padl10">相关推荐</div>#}
                    {#<div class="fs12">#}
                        {#<span class="padr5">查看更多</span>#}
                        {#<span class="fa fa-angle-double-right"></span>#}
                    {#</div>#}
                {#</div>#}
                {#<div class="bdso padb5">#}

                    {#{% for item in 1..9 %}#}
                        {#<div class="flrc pad3 c11">#}
                            {#<div class="fa fa-caret-right fs6 c12 pad5"></div>#}
                            {#<div class="ofe flex1">#}
                                {#申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）#}
                            {#</div>#}
                        {#</div>#}
                    {#{% endfor %}#}
                {#</div>#}
            {#</div>#}
            {#线上小测试 end#}

            {#最新问题 start#}
            {#<div class="mart20">#}
                {#<div class="bc1 c13 fs18 flrc pad5">#}
                    {#<div class="flex1 padl10">最新问题</div>#}
                    {#<div class="fs12">#}
                        {#<span class="padr5">查看更多</span>#}
                        {#<span class="fa fa-angle-double-right"></span>#}
                    {#</div>#}
                {#</div>#}
                {#<div class="bdso padb5">#}

                    {#{% for item in 1..9 %}#}
                        {#<div class="flrc pad3 c11">#}
                            {#<div class="fa fa-caret-right fs6 c12 pad5"></div>#}
                            {#<div class="ofe flex1">#}
                                {#申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）申论范文：互联互通，工模发展（2019浙江A卷）#}
                            {#</div>#}
                        {#</div>#}
                    {#{% endfor %}#}
                {#</div>#}
            {#</div>#}
            {#最新问题 end#}

        {#</div>#}
    </div>


{% endblock %}

{% block myJs %}
{% endblock %}
